<script setup lang="ts">
import dayjs from "dayjs";
import { useThemeStoreWithOut } from "@/store/theme";

const msg = ref("bbbbbbbbbbbbb");
const route = useRoute();
const formState = ref({
  id: route.query.id,
});
const themeStore = useThemeStoreWithOut();
alert(themeStore.currentTheme);
// themeStore.toggleTheme();
watchEffect(() => {});
</script>

<template>
  <div>
    <div class="w-[300px] flex bg-red-300 grid grid-cols-2">
      <div class="flex">
        <div class="h-300 w-[100px]">one</div>
        <div class="h-300 flex-1 truncate">twotwotwotwotwotwotwotwo</div>
      </div>
    </div>
    <a-button @click="themeStore.toggleTheme()">点我切换主题</a-button>
    <p>{{ formState }}</p>
    <div class="children:w-[200px]">
      <div>haha</div>
      <div>haha</div>
      <div>haha</div>
      <div>haha</div>
    </div>
    <div class="w-[300px] grid grid-cols-2 gap-10px">
      <div class="flex">
        <img src="#" alt="错误图片" class="w-100px h-100px bg-red-300" />
        <div class="flex-1 overflow-hidden">
          <div class="truncate w-full">
            hehehehhehehehhehehehhehehehhehehehhehehehhehehehheheheh
          </div>
        </div>
      </div>
      <!-- <div class="flex">
        <img src="#" alt="错误图片" class="w-100px h-100px">
        <div class="flex-1 truncate">hehehehhehehehhehehehhehehehhehehehhehehehhehehehheheheh</div>
      </div> -->
    </div>
  </div>
</template>
<style scoped></style>
